<template>
  <div class="content content42">
    <table style="width: 100%"  border="1" cellspacing="0" cellpadding="0" align="center">
      <tr>
      	<td width="10%" class="text-justify" >设备用途</td>
      	<td width="40%">
      		<el-input v-model="basicForm.basicInfo.use" data-cusvalidate="text" style="width: 60px"/>
      	</td>
      	<td width="10%" class="text-justify">出厂日期</td>
      	<td>
      		<el-date-picker
      			class="inputborder"
      			v-model="basicForm.basicInfo.manufactureDate"
      			value-format="yyyy-MM-dd"
      			style="width: 89%"
      			type="date"
      			size="mini"
      			:placeholder="lrstatus == '3' ? '' : '请选择'">
      		</el-date-picker>
      	</td>
      </tr>
      <tr>
        <td class="text-justify">设备参数</td>
        <td colspan="3">
          磁体类型：
          <el-select v-model="basicForm.basicInfo.magnetType" placeholder="请选择">
              <el-option
                v-for="item in [{'value':1,'label':'永磁体'},{'value':2,'label':'常导磁体'},{'value':3,'label':'超导磁体'}]"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
          </el-select>
          磁体强度：
          <el-select v-model="basicForm.basicInfo.magnetStrength" placeholder="请选择">
              <el-option
                v-for="item in [{'value':1,'label':'1.5T'},{'value':2,'label':'2.0T'},{'value':3,'label':'3.0T'}]"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
          </el-select>
        </td>
      </tr>
      <tr>
        <td class="text-justify">检测条件</td>
        <td colspan="3" class="multipleInput">
          <div style="display: flex;flex-direction: column;">
            <div style="display: flex;">
              TR= <el-input v-model="basicForm.basicInfo.tr" style="width: 20px"/>；TE=  <el-input v-model="basicForm.basicInfo.te" style="width: 20px"/>； FOV=<el-input v-model="basicForm.basicInfo.fovLength" style="width: 20px"/>×<el-input v-model="basicForm.basicInfo.fovWidth" style="width: 20px"/>；
            </div>
            <div style="display: flex;">
              矩阵：<el-input v-model="basicForm.basicInfo.matrixLength" style="width: 20px"/>×<el-input v-model="basicForm.basicInfo.matrixWidth" style="width: 20px"/>；采集次数：<el-input v-model="basicForm.basicInfo.gatherNumber" style="width: 20px"/>次； 成像序列：<el-input v-model="basicForm.basicInfo.ImagingSequence" style="width: 40px"/>；
            </div>
          </div>
        </td>
      </tr>
    </table>
  </div>
</template>

<script>
  export default{
    name:'basicTable42',
    data(){
      return{}
    },
    props: {
    	// 基本信息数据
      basicForm: {
    		type: Object,
        default: () => {
    			return {}
    		},
      },
    	// 状态
      lrstatus: {
    		type: String,
        default: "",
      },
    },
  }
</script>

<style lang="scss" scoped>
  @import '../content.scss';

  .miniFont {
    font-size: 10px;
  }

  .miniFontCenter {
    margin-top: 8px;
  }

  .content42 {
    padding-inline: 0 !important;
    ::v-deep .el-input__suffix{
      display: none;
    }
    .latex{
      margin-top: 15px;
    }
    table {
      width: 100%;

      td {
        max-width: 100px;

        ::v-deep .el-checkbox__label {
          white-space: break-spaces;
        }
      }

      .el-input {
        width: 100% !important;
      }

      .multipleInput {
        .el-input {
          width: 50px !important;
        }
      }
    }

    .innertitle {
      display: block;
      margin-left: 0;
    }

    .table1 {
      .el-radio {
        display: flex;
        align-items: center;
      }
    }

    #hearderTR td:nth-child(7) {
      display: none;
    }
  }
</style>
